<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="css/layout.css">

        <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
        <script src="js/main.js"></script>
        <title></title>
    </head>
    <body onload="start()">
    
    
        <div class="box">
        
            <div class="info first">
                <div class="folder"></div>
                <div class="title">text</div>
            </div>

            <div class="box">
                <div class="dots">
                    <div class="dot-top corner"></div>
                    <div class="dot-bottom line"></div>
                </div>
                <div class="info">
                    <div class="folder"></div>
                    <div class="title">text 2</div>
                </div>

                <div class="dots">
                    <div class="dot-top corner"></div>
                    <div class="dot-bottom hide"></div>
                </div>
                <div class="info">
                    <div class="file"></div>
                    <div class="title">text 3</div>
                </div>
            </div>
            
        </div>
        <!--
        <div class="box">
            <div class="dots">
                <div class="dot-top line"></div>
                <div class="dot-bottom line"></div>
            </div>
            <div class="dots">
                <div class="dot-top corner"></div>
                <div class="dot-bottom line"></div>
            </div>
            <div class="file"></div>
            <div class="title">text 2</div>
        </div>
        <div class="box">
            <div class="dots">
                <div class="dot-top line"></div>
                <div class="dot-bottom line"></div>
            </div>
            <div class="dots">
                <div class="dot-top corner"></div>
                <div class="dot-bottom hide"></div>
            </div>
            <div class="folder"></div>
            <div class="title">text 2</div>
        </div>
        <div class="box">
            <div class="dots">
                <div class="dot-top line"></div>
                <div class="dot-bottom line"></div>
            </div>
            <div class="emptybox"></div>
            <div class="dots">
                <div class="dot-top corner"></div>
                <div class="dot-bottom hide"></div>
            </div>
            <div class="file"></div>
            <div class="title">text 2</div>
        </div>
        <div class="box">
            <div class="dots">
                <div class="dot-top corner"></div>
                <div class="dot-bottom hide"></div>
            </div>
            <div class="file"></div>
            <div class="title">text 2</div>
        </div>
        -->
    </body>
</html>



<!--            <svg class="dot-vert" width="300px" height="400px" viewBox="0 0 0 0">
                <line x1="10" x2="10" y1="10" y2="400" stroke="#5184AF" stroke-width="20" stroke-linecap="round" stroke-dasharray="1, 25"/>
            </svg>​-->

<!--            <div class="dots">
                <div class="corner"></div>
                <div class="box"></div>
                <div class="box"></div>
                <div class="corner"></div>
            </div>

            <div class="sub">

                <div class="folder">
                    <div class="info">
                        <img src="images/folder.png" title="folder">
                    </div>

                    <div class="dots">
                        <div class="corner"></div>
                        <div class="box" style="height:0"></div>
                    </div>

                    <div class="sub">
                        <div class="folder">
                            <div class="info">
                                <img src="images/folder.png" title="folder">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="folder">
                    <div class="info">
                        <img src="images/folder.png" title="folder">
                        <span class="title">Config.php</span>
                    </div>
                </div>

            </div>-->